<template name="doubleColorBall">
	<!-- 双色球组件(大乐透) -->
	<view>
		<view class="historyBox">
			<view class="history flex-bc" @click="isShowHistory = !isShowHistory">
				<view class="flex-c" v-for="(item,index) in historyList" :key="index" v-if="index==0">
					<text>{{item.lottery_no}}期</text>
					<view class="numbers flex-c">
						<view class="first flex-c">
							<view class="red flex-c">
								<view class="flex-c" v-for="(redItem,redIndex) in item.lottery_red" :key="redIndex">
									<text>{{redItem}}</text>
								</view>
							</view>
							<view class="blue">
								<view class="flex-c">
									<text>{{item.lottery_blue}}</text>
								</view>
							</view>
						</view>
						<image src="../../static/index/down.png" mode=""></image>
					</view>
				</view>
				<view class="flex-c reword">
					奖池：<text>{{lottery_pool_amount}}</text>
				</view>
			</view>
			<view class="historyList flex-bc" v-if="isShowHistory">
				<view class="flex item" v-for="(item,index) in historyList" :key="index" v-if="index>0">
					<text>{{item.lottery_no}}期</text>
					<view class="numbers flex-c">
						<view class="flex-c">
							<view class="red flex-c">
								<view class="flex-c" v-for="(redItem,redIndex) in item.lottery_red" :key="redIndex">
									<text>{{redItem}}</text>
								</view>
							</view>
							<view class="blue">
								<view class="flex-c">
									<text>{{item.lottery_blue}}</text>
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class="flex-c trendChart">
					<image src="../../static/bets/bet-success.png" mode=""></image><text>查看完整走势图</text>
				</view>
			</view>
		</view>

		<view class="allBallBox">
			<view class="top flex-bc">
				<text>选中号码两次设胆</text>
				<view class="isShow flex-c" @click="hide = !hide">
					<image src="../../static/index/display.png" mode="" v-if="hide"></image>
					<image src="../../static/index/hidden.png" mode="" v-else></image>
					<text v-if="hide">显示遗漏</text>
					<text v-else>隐藏遗漏</text>
				</view>
			</view>
			<view class="redSelect flex">
				<view class="itemBox flex-c" v-for="(item,index) in redSelect" :key="index" @click="fnSingleSelect(index,item.num,0)">
					<view class="redItem flex-c" :class="item.status == 1?'acRed':''">
						<text>{{item.num}}</text>
						<view class="dan flex-c" v-if="item.status == 2">
							<text>胆</text>
						</view>
					</view>
					<view class="flex-c hide" v-if="!hide">
						<text>{{item.hide}}</text>
					</view>
				</view>
			</view>
			<view class="blueSelect flex">
				<view class="itemBox flex-c" v-for="(item,index) in blueSelect" :key="index" @click="fnSingleSelect(index,item.num,1)">
					<view class="redItem flex-c" :class="item.status == 1?'acBlue':''">
						<text>{{item.num}}</text>
						<!-- <view class="dan flex-c">
							<text>胆</text>
						</view> -->
					</view>
					<view class="flex-c hide" v-if="!hide">
						<text>{{item.hide}}</text>
					</view>
				</view>

			</view>
			<view class="quickSelect">
				<text>快速选区</text>
				<view class="quickSelectBtns flex-bc">
					<view class="btn flex-c" @click="fnRandomOne(index)" v-for="(item,index) in randomBtn" :key="index" :class="item.status && index != 2 ? 'active':''">
						<text v-if="index == 0 || index == 2">+</text><text>{{item.name}}</text>
						<view class="tag flex-ac" v-if="item.status && index != 2">
							<image src="../../static/index/random.png" mode=""></image>
							<text>随机</text>
						</view>
						<view class="tag flex-ac tag1" v-if="!item.status && index == 1">
							<text>必中</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="holder">

		</view>
		<view class="foot flex-bc">
			<view class="oper left flex">
				<view class="clear flex" @click="fnClearSelect(1)">
					<uni-icons type="trash" size="18" color="#fff"></uni-icons>
					<text>清空</text>
				</view>
				<view class="flex-c warmming">
					<view class="betsNum flex" v-if="blueList.length>=1&&redList.length>=6">
						<text style="color: #ED555E;font-size: 36rpx;">￥{{2*betsNum}}</text>
						<text>{{betsNum}}注</text>
					</view>
					<text v-else>至少选6红球1蓝球</text>
				</view>
			</view>
			<view class="oper right flex-c" v-if="isShowAdd">
				<view class="addNum flex-c" @click="fnAddCart()">
					+<text>加入选号</text>
				</view>
				<view class="finish flex-c" @click="fnFinishSelect()">
					<text>完成选号</text>
					<view class="count flex-c" v-if="num">
						<text>{{num}}</text>
					</view>
				</view>
			</view>
			<view class="oper right onlyFinish flex-c" v-else>
				<view class="finish flex-c" @click="fnFinishSelect()">
					<text>完成选号</text>
					<view class="count flex-c" v-if="num">
						<text>{{num}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "doubleColorBall",
		props: {
			historyList: {
				type: Array,
				default: function() {
					return []
				}
			},
			lottery_pool_amount: {
				type: String,
				default: function() {
					return ''
				}
			},
			pageTitle: {
				type: String,
				default: function() {
					return ''
				}
			},
			smallTitle: {
				type: String,
				default: function() {
					return ''
				}
			}
		},
		data() {
			return {
				redSelect: [],
				blueSelect: [],
				token: uni.getStorageSync('token'),
				isShowHistory: false,
				num: 0,
				betsNum: 0,
				hide: true,
				randomBtn: [{
						name: '机选1注',
						status: false
					},
					{
						name: '后区全包',
						status: false
					},
					{
						name: '机选5注',
						status: false
					}
				],
				cartList: [],
				redList: [],
				blueList: [],
				cartObj: {},
				redFixed: 6,
				blueFixed: 1,
				isShowAdd: true,
				updateDataIndex: '',
				setDan:{
					max:5,
					min:0,
					danNum:0
				}
			};
		},
		created() {
			console.log(111)
			this.fnGetNumber(33, 0) //红色
			this.fnGetNumber(16, 1) //蓝色
			var that = this
			uni.$on('empty', function(data) {
				console.log('监听到事件来自 empty ，携带参数为：' + data);
				if (data) {
					that.fnClearSelect(1)
				}
			})
			uni.$on('updateData', function(data) {
				console.log('监听到事件来自 updateData ，携带参数为：' + JSON.stringify(data.item));
				console.log(JSON.stringify(data.index))
				that.updateDataIndex = JSON.stringify(data.index)
				that.cartObj = JSON.stringify(data.item)
				console.log(JSON.parse(that.cartObj))
				if (JSON.stringify(that.cartObj) != '{}') {
					that.isShowAdd = !that.isShowAdd
					console.log(JSON.parse(that.cartObj).blue_ball)
					that.redList = JSON.parse(that.cartObj).red_ball
					that.blueList = JSON.parse(that.cartObj).blue_ball
					that.redSelect.forEach((item, index) => {
						that.redList.forEach((item1, index1) => {
							if (item.num == item1.num) {
								console.log(index1)
								item.status = item1.status
							}
						})
					})

					that.blueSelect.forEach((item, index) => {
						that.blueList.forEach((item1, index1) => {
							if (item.num == item1) {
								console.log(index1)
								item.status = 1
							}
						})
					})

				}
				that.cartObj = JSON.parse(that.cartObj)
			})
		},
		onShow() {

		},
		methods: {
			// 用户自己选 type 0 红色  1 蓝色
			fnSingleSelect(idx, number, type) {
				console.log(this.cartObj)
				console.log(this.redList)
				if (type == 0) {
					console.log(number)
					this.redSelect.forEach((item, index) => {
						if (index == idx) {
							console.log(item.status)
							if (item.status == 0) {
								item.status = 1
							} else if (item.status == 1) {
								if(this.setDan.danNum < this.setDan.max){
									this.setDan.danNum++
									item.status = 2
								}else{
									item.status = 0
								}
								
							} else if (item.status == 2) {
								if(this.setDan.danNum > this.setDan.min){
									this.setDan.danNum--
								}
								item.status = 0
							}
							console.log(this.setDan.danNum)
							console.log(item.status)
							console.log(this.cartObj)
							if (JSON.stringify(this.cartObj) != "{}") {
								console.log(111)
								if (!this.cartObj.red_ball) {
									var obj = {
										num: number,
										status: item.status //1未设胆 2设胆 红色才能设胆
									}
									this.cartObj.red_ball = [obj]
								} else {
									console.log(this.findElem(this.cartObj.red_ball, 'num', number))

									var index = this.findElem(this.cartObj.red_ball, 'num', number)
									if (index == -1) { //不存在此号码
										if (item.status) {
											var obj = {
												num: number,
												status: item.status //1未设胆 2设胆 红色才能设胆
											}
											this.cartObj.red_ball.push(obj)
										}
									} else { //已经存在此号码
										if (item.status) { //设胆
											this.cartObj.red_ball[index].status = item.status
										} else {
											this.cartObj.red_ball.splice(index, 1) //删除
										}
									}
									console.log(this.redList)
								}

							} else {
								var obj = {
									num: number,
									status: item.status //1未设胆 2设胆 红色才能设胆
								}
								this.cartObj.red_ball = [obj]
								console.log(this.cartObj)
							}
						}
					})
					this.redList = this.cartObj.red_ball
				} else {
					console.log(this.blueList)
					this.blueSelect.forEach((item, index) => {
						if (index == idx) {
							console.log(item.status)
							if (item.status == 0) {
								item.status = 1
							} else if (item.status == 1) {
								item.status = 0
							}
							console.log(item.status)
							console.log(this.cartObj)
							if (JSON.stringify(this.cartObj) != "{}") {
								if (!this.cartObj.blue_ball) {
									this.cartObj.blue_ball = [number]
								} else {
									console.log(this.cartObj.blue_ball)
									console.log(this.cartObj.blue_ball.indexOf(number))
									var index = this.cartObj.blue_ball.indexOf(number)
									if (index == -1) { //不存在此号码
										if (item.status) {
											this.cartObj.blue_ball.push(number)
										}
									} else { //已经存在此号码
										this.cartObj.blue_ball.splice(index, 1) //删除
									}
									console.log(this.blueList)
								}

							} else {
								this.cartObj.blue_ball = [number]
								console.log(this.cartObj)
							}
						}
					})
					this.blueList = this.cartObj.blue_ball
				}
				// 计算注数
				if (this.redList.length >= 6 && this.blueList.length >= 1) {
					console.log(111)
					this.betsNum = this.fnCountBetsNum(this.redList.length-this.setDan.danNum, this.redFixed-this.setDan.danNum) * this.fnCountBetsNum(this.blueList.length,
						this.blueFixed)
					console.log(this.betsNum)

					this.cartObj.perPrice = 2
					this.cartObj.num = this.betsNum
					console.log(this.cartObj)

				}
			},
			//判断数组中某个值的属性是否存在
			findElem(arrayToSearch, attr, val) {
				for (var i = 0; i < arrayToSearch.length; i++) {
					if (arrayToSearch[i][attr] == val) {
						return i;
					}
				}
				return -1;
			},
			// 清空选中球
			fnClearSelect(flag) {
				console.log(flag)
				if (flag) {
					this.cartObj = {}
				}
				console.log(this.cartObj)
				this.redList = []
				this.blueList = []
				// 样式全部还原
				this.redSelect.forEach((item, index) => {
					item.status = 0
				})
				this.blueSelect.forEach((item, index) => {
					item.status = 0
				})
				for (var i = 0; i < this.randomBtn.length; i++) {
					this.randomBtn[i].status = false
				}
			},
			fnRandomOne(idx) {
				if (idx == 1) {
					// 后区全包
					this.fnRandom(6, 16, idx, true, this.redFixed, this.blueFixed)
					return
				}
				this.fnRandom(6, 1, idx, true, this.redFixed, this.blueFixed)
			},
			// redNum, blueNum 需要选择的个数  redFixed,blueFixed 从需要的选多少个进行组合
			fnRandom(redNum, blueNum, idx, flag, redFixed, blueFixed) {
				var times = 1

				if (idx == 2) {
					console.log('选中直接加购')
					times = 5
				}
				// this.cartList = []
				// 随机1次或5次
				for (var j = 0; j < times; j++) {
					// 选之前先清空
					this.fnClearSelect(0)
					if (flag) {
						this.randomBtn[idx].status = true //是否点击完成选号加购
					}

					this.fnRandomSelect(redNum, blueNum, this.redSelect, this.blueSelect, j, flag)
					this.cartObj = {
						red_ball: this.redList,
						blue_ball: this.blueList,
						perPrice: 2,
						num: this.fnCountBetsNum(this.redList.length, redFixed) * this.fnCountBetsNum(this.blueList.length, blueFixed)
					}
					if (times == 5 || !flag) {
						this.cartList.unshift(this.cartObj)
						console.log(this.cartList)
					}
				}
				this.betsNum = this.fnCountBetsNum(this.redList.length, redFixed) * this.fnCountBetsNum(this.blueList.length,
					blueFixed)

				if (times == 1 && flag) return

				//改变加购数量
				this.num = 0
				this.cartList.forEach((item, index) => {
					this.num += item.num
				})
				console.log(this.num)
				if (idx == 2) {
					this.redList = []
					this.blueList = []
					uni.navigateTo({
						url: `/pages/doubleColor/doubleColor?cartList=${JSON.stringify(this.cartList)}&pageTitle=${this.pageTitle}&smallTitle=${this.smallTitle}`
					})
					return
				}
				setTimeout(() => {
					this.fnClearSelect(0)
					uni.navigateTo({
						url: `/pages/doubleColor/doubleColor?cartList=${JSON.stringify(this.cartList)}&pageTitle=${this.pageTitle}&smallTitle=${this.smallTitle}`
					})
				}, 1500)

			},
			// 随机选择1注
			/*redLen,blueLen 生成的个数
			  redList,blueList 比较改变的数组
			  times 随机多注 最后一次不改变样式
			  flag 是否点击完成选号机选一注
			*/
			fnRandomSelect(redLen, blueLen, redList, blueList, times, flag) {
				var redTemp = []
				var blueTemp = []
				for (var i = 1; i < 34; i++) {
					if (i < 10) {
						i = '0' + i
					}
					redTemp.push(i)
				}
				for (var j = 1; j < 17; j++) {
					if (j < 10) {
						j = '0' + j
					}
					blueTemp.push(j)
				}
				var arrRed = [],
					arrBlue = [];
				for (var i = 0; i < redLen; i++) {
					var num = Math.floor(redTemp.length * Math.random());
					var obj = {
						num: redTemp[num],
						status: 1 //1未设胆 2设胆 红色才能设胆
					}
					arrRed.push(obj);
					redTemp.splice(num, 1)
				}
				for (var i = 0; i < blueLen; i++) {
					var num = Math.floor(blueTemp.length * Math.random());
					// var obj = {
					// 	num: blueTemp[num],
					// 	status: 1 //1未设胆 2设胆 红色才能设胆
					// }
					arrBlue.push(blueTemp[num]);
					blueTemp.splice(num, 1)
				}

				this.redList = arrRed
				this.blueList = arrBlue

				console.log(flag)
				console.log(times)
				if (flag && times == 4) return //随机多注 最后一次不改变样式

				arrRed.forEach((item, index) => {
					console.log(item)
					redList.forEach((item1, index1) => {
						if (item.num == item1.num) {
							console.log(index1)
							item1.status = 1
						}
					})
				})

				arrBlue.forEach((item, index) => {
					blueList.forEach((item1, index1) => {
						if (item == item1.num) {
							console.log(index1)
							item1.status = 1
						}
					})
				})
			},
			// 选号加入购物车
			fnAddCart() {
				if (this.redList.length < 6 || this.blueList < 1) return uni.showToast({
					title: '至少选择6个红球1个蓝球',
					icon: "none"
				})
				this.cartList.unshift(this.cartObj)
				this.cartObj = {}
				console.log(this.cartList)
				//改变加购数量
				this.num = 0
				this.cartList.forEach((item, index) => {
					this.num += item.num
				})
				console.log(this.num)

				// 样式全部还原
				this.fnClearSelect(0)
			},
			// 完成选号
			fnFinishSelect() {
				// 样式全部还原
				console.log(this.cartList.length)
				console.log(JSON.stringify(this.cartObj) == "{}")
				if (this.isShowAdd) {
					this.fnClearSelect(0)
				}
				if (!this.cartList.length && JSON.stringify(this.cartObj) == "{}") {
					console.log(111)
					uni.showToast({
						title: '已为您机选一注',
						icon: 'none'
					})
					this.fnRandom(6, 1, 1, false, 6, 1)
					this.cartObj = {}
				} else if (JSON.stringify(this.cartObj) != "{}") {
					if (!this.isShowAdd) {
						if (this.cartObj.blue_ball.length < 1 || this.cartObj.red_ball.length < 6) return uni.showToast({
							title: '至少选择6个红球1个蓝球',
							icon: "none"
						})
						this.fnClearSelect(0)
						this.cartList[this.updateDataIndex] = this.cartObj //选择后返回修改选号
					} else {
						this.cartList.unshift(this.cartObj)
					}

					console.log(this.cartList)
					this.num = 0
					this.cartList.forEach((item, index) => {
						this.num += item.num
					})
					console.log(this.num)
					this.cartObj = {}
					this.isShowAdd = true //是否显示加入选号
					uni.navigateTo({
						url: `/pages/doubleColor/doubleColor?cartList=${JSON.stringify(this.cartList)}&pageTitle=${this.pageTitle}&smallTitle=${this.smallTitle}`
					})
				} else if (JSON.stringify(this.cartObj) == "{}") {
					uni.navigateTo({
						url: `/pages/doubleColor/doubleColor?cartList=${JSON.stringify(this.cartList)}&pageTitle=${this.pageTitle}&smallTitle=${this.smallTitle}`
					})
				}

			},
			// 计算注数
			// n选中球个数 m规定球个数
			fnCountBetsNum(n, m) {
				var fenzi, fenmu
				fenzi = this.factorial(n)
				fenmu = this.factorial(m) * this.factorial(n - m)
				return fenzi / fenmu
			},
			// 阶乘
			factorial(num) {
				var result = 1;
				while (num) {
					result *= num;
					num--;
				}
				return result;
			},
			fnGetNumber(n, type) {
				if (type == 1) {
					for (var i = 1; i < n + 1; i++) {
						if (i < 10) {
							i = '0' + i
						}
						var obj = {
							num: i,
							status: 0, //0代表未选中 1代表点一次选中 2代表设置胆
							hide: 0
						}
						this.blueSelect.push(obj)
					}
				} else {
					for (var i = 1; i < n + 1; i++) {
						if (i < 10) {
							i = '0' + i
						}
						var obj = {
							num: i,
							status: 0, //0代表未选中 1代表点一次选中
							hide: 0
						}
						this.redSelect.push(obj)
					}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.historyBox {
		margin-bottom: 16rpx;

		.history {
			padding: 0 20rpx;
			height: 74rpx;
			background: #fff;
			font-size: 24rpx;
			color: #666;

			.numbers {
				margin-left: 40rpx;

				image {
					width: 22rpx;
					height: 14rpx;
				}

				.red,
				.blue {
					view {
						width: 42rpx;
						height: 42rpx;
						background: #fc6655;
						border-radius: 50%;
						font-size: 28rpx;
						font-weight: 500;
						color: #FFFFFF;
						margin-right: 10rpx;
						font-family: DIN;
					}
				}

				.blue {
					view {
						background: #5CA1FC;
						// #fc8b7e
					}
				}
			}

			.reword {
				text {
					color: #F22F29;
				}

			}
		}

		.historyList {
			font-size: 24rpx;
			color: #666;
			flex-wrap: wrap;

			.trendChart {
				width: 100%;
				padding: 20rpx 0;
				background: #fff;

				image {
					width: 28rpx;
					height: 28rpx;
				}
			}

			.item {
				padding: 0 20rpx;
				height: 74rpx;
				align-items: center;
				background: #fff;
				width: 100%;
				box-sizing: border-box;
			}

			.item:nth-child(2n) {
				background: #FAFDFF;
			}

			.numbers {
				margin-left: 40rpx;

				image {
					width: 22rpx;
					height: 14rpx;
				}

				.red,
				.blue {
					view {
						width: 42rpx;
						height: 42rpx;
						font-size: 28rpx;
						font-weight: 500;
						color: #fc6655;
						margin-right: 10rpx;
					}
				}

				.blue {
					view {
						color: #5CA1FC;
					}
				}
			}
		}
	}

	.allBallBox {
		padding: 0 20rpx;
		margin-top: 16rpx;
		background: #fff;

		.top {
			font-size: 24rpx;
			color: #333;
			padding: 24rpx 0;

			.isShow {
				color: #5CA1FC;

				image {
					width: 32rpx;
					height: 26rpx;
					margin-right: 10rpx;
				}

			}
		}
	}

	.redSelect,
	.blueSelect {
		flex-wrap: wrap;
		padding: 20rpx 0 0;
		border-bottom: 1rpx solid #e3e3e3;

		.itemBox {
			margin-right: 16rpx;
			margin-bottom: 16rpx;
			flex-direction: column;

			.redItem {
				width: 87rpx;
				height: 87rpx;
				border: 1rpx solid #fc8b7e;
				border-radius: 50%;
				font-size: 36rpx;
				font-weight: 500;
				color: #fc6655;
				box-sizing: border-box;
				position: relative;

				.dan {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					background: #fc6655;
					color: #fff;
				}

			}

			.acRed {
				background: #fc6655;
				color: #fff;
			}

			.hide {
				margin: 10rpx 0;
				font-size: 24rpx;
				color: #A3A3A3;
			}
		}

		.itemBox:nth-child(7n) {
			margin-right: 0;
		}

	}

	.blueSelect {
		border: none;
		padding: 20rpx 0;

		.itemBox {
			.redItem {
				color: #5CA1FC;
				border: 1rpx solid #7EB5FC;
				// .dan{
				// 	background: #5CA1FC;
				// 	color: #fff;
				// }
			}

			.acBlue {
				background: #5CA1FC;
				color: #fff;
			}
		}
	}

	.quickSelect {
		font-size: 24rpx;
		color: #333;

		.quickSelectBtns {
			padding: 24rpx 0;
			font-size: 32rpx;
			flex-wrap: wrap;

			.btn {
				position: relative;
				color: #333;
				width: 338rpx;
				height: 88rpx;
				// background: #F22F29;
				border: 1rpx solid #C6CBCF;
				border-radius: 16rpx;
				box-sizing: border-box;
				margin-bottom: 24rpx;

				text {
					font-size: 28rpx;
				}

				.tag {
					position: absolute;
					padding: 2rpx 10rpx;
					background: rgba(0, 0, 0, 0.3);
					border-radius: 0px 16rpx 0px 16rpx;
					top: 0;
					right: 0;
					color: #fff;

					image {
						width: 22rpx;
						height: 20rpx;
						margin-right: 4rpx;
					}

					text {
						font-size: 20rpx;
					}
				}

				.tag1 {
					background: #F22F29;
				}
			}

			.active {
				background: #F22F29;
				color: #fff;
				border: none;
			}
		}
	}

	.holder {
		height: 136rpx;
	}

	.foot {
		position: fixed;
		padding: 0 20rpx;
		box-sizing: border-box;
		bottom: 0;
		left: 0;
		height: 136rpx;
		background: #1C0403;
		width: 100%;
		color: #fff;

		.oper {
			flex: 1;
			font-size: 24rpx;
			color: #fff;

			.clear {
				padding: 0 20rpx;
				flex-direction: column;
				align-items: center;
			}

			.warmming {
				padding: 0 20rpx;

				.betsNum {
					flex-direction: column;
					align-items: center;
				}
			}

			.addNum,
			.finish {
				width: 160rpx;
				height: 74rpx;
			}

			.finish {
				background: #F22F29;
				border-radius: 0px 37rpx 37rpx 0px;
				font-size: 28rpx;
				position: relative;

				.count {
					font-size: 20rpx;
					border-radius: 50%;
					border: 1rpx solid #fff;
					background: #F22F29;
					position: absolute;
					right: -4rpx;
					top: -10rpx;
					padding: 0 6rpx;
					min-height: 34rpx;
					min-width: 34rpx;
					box-sizing: border-box;
				}
			}

			.addNum {
				background: #32353E;
				border-radius: 37rpx 0px 0px 37rpx;
				color: #ED555E;
				font-size: 32rpx;

				text {
					font-size: 28rpx;
				}
			}
		}

		.onlyFinish {
			justify-content: flex-end;

			.finish {
				border-radius: 37rpx;
			}

		}
	}
</style>
